<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
</head>

<body>
    <div>
        <!-- 导航栏开始 -->
        <!-- <div class="head1">
            <img src="./images/logo-mi2.png" alt="">
            <div class="head1_1" style="margin: 0 auto;">

                <ul style="list-style-type: none;">
                    <li class="head1_1_li" style="margin-left: 80px;">
                        <a href="#" id="dingbu">小米官网</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#">小米商城</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#">小米影像</a>

                    </li>
                    <li class="head1_1_li">
                        <a style="width:18px ;" href="#">MIUI</a>

                    </li>
                    <li class="head1_1_li">
                        <a style="width:36px" href="#" >loT</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#" style="margin-left: 0px;">云服务</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#" style="margin-left: 0px;">天星数科</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#">有品</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#" style="margin-left: 0px;">小爱开放平台</a>

                    </li>
                    <li class="head1_1_li">
                        <a href="#">企业团购</a>

                    </li>
                    <li class="head1_1_li">

                        <a href="#">Location</a>


                    </li>
                    <li class="head1_1_li" style="width: 90px;">

                    </li>
                    <li class="head1_1_li" style="width: 60px;">
                        <a href="#">登录</a>

                    </li>


                    <li class="head1_1_li" style="width: 10px;">

                        <span class="head1_1_s" style="color: #ffffff;">|</span>
                    </li>
                    <li class="head1_1_li">
                        <a href="#">注册</a>

                    </li>

                </ul>
            </div>
        </div> -->
        <div class="header">
            <div class="wrap">
                <div class="logo">

                </div>
                <nav class="menu-left">

                </nav>
                <nav class="menu-right">

                </nav>
            </div>
        </div>
        <!-- 导航栏结束 -->

        <!-- 中间开始 -->
        <div style="background-color: #f5f5f5;width:100%;">
            <div class="container">
                <div class="contain">

                    <!-- 两轮播图开始 -->

                    <div class="con1">
                        <ul><img src="./images/home/a1.jpg" /></ul>
                        <ul><img src="./images/home/a1-2.jpg" /></ul>
                    </div>
                    <div class="con1">
                        <ul><img src="./images/home/a2.jpg" /></ul>
                        <ul><img src="./images/home/a2-2.jpg" /></ul>
                    </div>
                    <div class="con1">
                        <ul><img src="./images/home/a3.jpg" /></ul>
                        <ul><img src="./images/home/a3-2.jpeg" /></ul>
                    </div>

                    <!-- 两轮播图结束 -->

                    <!-- 五轮播图开始 -->
                    <div class="con2">
                        <ul><img src="./images/home/lun1.jpeg" /></ul>
                        <ul><img src="./images/home/lun2.jpeg" /></ul>
                        <ul><img src="./images/home/lun3.jpeg" /></ul>
                        <ul><img src="./images/home/lun4.jpeg" /></ul>
                        <ul><img src="./images/home/lun5.jpeg" /></ul>
                    </div>

                    <!-- 五轮播图结束 -->

                    <!-- 单图片广告开始 -->

                    <div class="con3">
                        <img src="./images/home/a4.jpeg" alt="" style="width: 1636.67px;height: 666px;">
                    </div>


                    <div class="con3">
                        <img src="./images/home/a5.jpeg" alt="" style="width: 1636.67px;height: 666px;">
                    </div>

                    <div class="con3">
                        <img src="./images/home/a6.jpeg" alt=""
                            style="width:812px ;height: 420px;display: inline-block;">
                        <img src="./images/home/a7.jpeg" alt=""
                            style="width:812px ;height: 420px;display: inline-block;">
                    </div>

                    <!-- 单图片广告结束 -->

                </div>

            </div>

        </div>


        <!-- 结尾开始 -->

        <!-- 产品服务开始 -->

        <div class="laster" style="background-color: #ffffff;width:100% ;">
            <div class="laster1" style="margin: 0 auto;">

                <div class="er1_div2">
                    <table class="er1_tab" cellspacing="9px" ;>
                        <tr>
                            <td>选购指南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>

                            <td>服务中心&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>线下门店&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>关于小米&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>关注我们&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>

                        <tr>
                            <td class="er1_td"><a class="er1_td_a">手机</a></td>
                            <td class="er1_td"><a class="er1_td_a">申请售后</a> </td>
                            <td class="er1_td"><a class="er1_td_a">小米之家</a> </td>
                            <td class="er1_td"><a class="er1_td_a">了解小米</a> </td>
                            <td class="er1_td"><a class="er1_td_a">新浪微博</a> </td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">电视</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">售后政策</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">服务网点</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">加入小米</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">官方微信</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">笔记本</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">维修服务价格</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">授权体验店/专区</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">投资者关系</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">联系我们</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">平板</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">订单查询</a></td>
                            <td class="er1_td"><a href="#"></a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">企业社会责任</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">公益基金会</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">穿戴</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">以旧换新</a></td>
                            <td class="er1_td"><a href="#"></a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">廉洁举报</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#"></a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">耳机</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">保障服务</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">家电</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">防伪查询</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">路由器</a></td>
                            <td class="er1_td"><a class="er1_td_a" href="#">F码通道</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">音箱</a></td>
                        </tr>
                        <tr>
                            <td class="er1_td"><a class="er1_td_a" href="#">配件</a></td>
                        </tr>
                    </table>
                    <div class="er1_div3">
                        <p class="er1_div3_p1">400-100-5678</p>
                        <p class="er1_div3_p2">8:00-18:00(仅收市话费)</p>
                        <a href="#" class="er1_div3_a">
                            人工客服
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 产品服务结束 -->

        <!-- 信息开始 -->

        <div>
            <div class="laster2" style="margin: 0 auto;">
                <div class="er2">
                    <img src="./images/logo-mi2.png" style="width: 56px;height:56px; float: left;">
                    <div class="er2_div1">

                        <p>
                            <a href="#">小米商城</a>
                            <span>|</span>
                            <a href="#">MIUI</a>
                            <span>|</span>
                            <a href="#">米家</a>
                            <span>|</span>
                            <a href="#">米聊</a>
                            <span>|</span>
                            <a href="#">多看</a>
                            <span>|</span>
                            <a href="#">游戏</a>
                            <span>|</span>
                            <a href="#">政企服务</a>
                            <span>|</span>
                            <a href="#">小米天猫店</a>
                            <span>|</span>
                            <a href="#">小米集团隐私政策</a>
                            <span>|</span>
                            <a href="#">小米公司儿童信息保护规则</a>
                            <span>|</span>
                            <a href="#">小米商城隐私政策</a>
                            <span>|</span>
                            <a href="#">小米商城用户协议</a>
                            <span>|</span>
                            <a href="#">问题反馈</a>
                            <span>|</span>
                            <a href="#">Select Location</a>


                        </p>
                        <p>
                            <a href="#">北京互联网法院法律服务工作站</a>
                            <span>|</span>
                            <a href="#">中国消费者协会</a>
                            <span>|</span>
                            <a href="#">北京市消费者协会</a>

                        </p>
                    </div>
                    <div class="er2_div11">
                        <p>
                            <span>@</span>
                            <a href="#">
                                mi.com
                            </a>
                            <span>京ICP证110507号</span>
                            <a href="#">
                                京ICP备10046444号
                            </a>
                            <a href="#">
                                京公网安备11010802020134号
                            </a>
                            <a href="#">
                                京网文[2020]0276-042号
                            </a>
                        </p>
                        <p>
                            <a href="#">
                                (京)网械平台备字(2018)第00005号
                            </a>
                            <a href="#">
                                互联网药品信息服务资格证 (京)-非经营性-2014-0090
                            </a>
                            <a href="#">
                                营业执照
                            </a>
                            <a href="#">
                                医疗器械质量公告
                            </a>
                        </p>
                        <p>
                            <a href="#">
                                增值电信业务许可证
                            </a>
                            <span>网络食品经营备案 京食药网食备202010048</span>
                            <a href="#">
                                食品经营许可证
                            </a>
                        </p>
                        <p>
                            <span>违法和不良信息举报电话:171-5104-4404</span>
                            <a href="#">
                                知识产权侵权投诉
                            </a>
                            <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                        </p>
                    </div>
                    <div class="er2_div2">
                        <a href="#">
                            <img style="width:83px;height:28px;" src="./images/last1.png">
                        </a>
                        <a href="#">
                            <img style="width:83px;height:28px;" src="./images/last2.png">
                        </a>
                        <a href="#">
                            <img style="width:83px;height:28px;" src="./images/last3.png">
                        </a>
                        <a href="#">
                            <img style="width:83px;height:28px;" src="./images/last4.png">
                        </a>
                        <a href="#">
                            <img style="width:83px;height:28px;" src="./images/last5.png">
                        </a>

                    </div>
                    <div class="er2_div3">
                        <img style="width:450px;height:28px;" src="./images/last6.png">
                    </div>
                </div>
            </div>
        </div>
        <!-- 信息结束 -->
    </div>


</body>

</html>